@import "variables";
.credit-page{
  width:100%;
  height:100%;
  padding:0 pxTorem(20);
  .credit-progress{
    width:100%;
    padding-top:pxTorem(30);
    margin-bottom:pxTorem(120);
    .credit-progress-font{
      width:100%;
      text-align: center;
      font-size: pxTorem(32px);
      margin-bottom:pxTorem(30);
    }
    .credit-progress-graph{
      width:100%;
      padding:0 pxTorem(130);
      .credit-progress-graph-inner{
        width:100%;
        height:pxTorem(1);
        position: relative;
        margin-bottom:pxTorem(100);
        padding:pxTorem(29) 0 0;
        ul{
          width:100%;
          height:pxTorem(1);
          li{
            width:50%;
            float:left;
            height:pxTorem(1);
            background:#ececec;
          }
        }
        >div{
          border-radius: 1em;
          padding: 0.03em;
          background: #bbb;
          text-align: center;
          line-height: pxTorem(30);
          color: #fff;
          position: absolute;
          width: pxTorem(30);
          height: pxTorem(30);
          top: pxTorem(15);
          left: -1%;
          div{
            width:330%;
            margin-left:-130%;
            text-align: center;
            margin-top:pxTorem(15);
            color:#666;
          }
        }
        .authorize{
          left:0;
        }
        .protocol{
          left:45%;
        }
        .message-authentication{
          left:93%;
        }
        .progress-current{
          background:color($h5,c1);
        }
      }

    }
  }
  .auth-message{
    width:100%;
    margin-bottom:pxTorem(160);
    .auth-message-input{
      width:100%;
      background:lightgoldenrodyellow;
      padding:0 pxTorem(20);
      div{
        width:100%;
        height:pxTorem(100);
        display: flex;
        justify-content: left;
        align-items: center;
        span{
          width:25%;
          font-size: pxTorem(32);
          margin-right:pxTorem(20);
        }
        input{
          font-size:pxTorem(32);
          background:lightgoldenrodyellow;
        }
      }
    }
    div{
      margin-bottom:pxTorem(20);
      font-size: pxTorem(32);
    }
    .auth-tip{
      margin-top:pxTorem(30);
    }
  }
  button{
    width:100%;
    height:pxTorem(80);
    background:color($h5,c1);
    color:color($h5,c10);
    font-weight:bold;
    font-size: pxTorem(40);
    border-radius: pxTorem(5);
  }
}



